<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<HTML>
<HEAD>
<title>后台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@import
	url("<%=request.getContextPath()%>/style/default/css/common.css");
</style>
<script type="text/javascript" src="<%=request.getContextPath()%>/script/prototype-1.6.0.3.js">


</script>

<script type="text/javascript">

	function HideItem(id){
		var obj=document.getElementById(id);
		if(obj) obj.style.display="none";
	}
	function ShowItem(id){
		var obj=document.getElementById(id);
		if(obj) obj.style.display="";
	}

	function SwitchTab(id,tabsid){
		var tabs=document.getElementById(tabsid);
		if(tabs==null)return;
		var list=tabs.rows[0].cells;
		for(var i=0;i<list.length;i++){
			var tab=list[i];
			if(tab.id=="") continue;
			if(tab.id==id){
				tab.className="LIB_TAB_Title_SELECTED";
				ShowItem("tabpage_submenu_"+id);
				ShowItem("tabpage_content_"+id);
				
			}else{
				tab.className="";
				HideItem("tabpage_submenu_"+id);
				HideItem("tabpage_content_"+id);
			}
			
			
		}
	}
</script>
</HEAD>
<BODY>

<table class="BASE_Main_Table_Frame" cellpadding="0" cellspacing="0">
	<tr>
		<td class="BASE_Main_Table_Top_Frame">
			<div class="title_space"></div>
			<div class="banner"></div>
			<div class="menu_left_space"></div>
			<script type=text/javascript><!--//--><![CDATA[//><!--
			function menuFix() {
		 		var sfEls = document.getElementById("nav").getElementsByTagName("li");
				for (var i=0; i<sfEls.length; i++) {
					sfEls[i].onmouseover=function() {
						this.className+=(this.className.length>0? " ": "") + "sfhover";
					}
					sfEls[i].onMouseDown=function() {
						this.className+=(this.className.length>0? " ": "") + "sfhover";
					}
					sfEls[i].onMouseUp=function() {
						this.className+=(this.className.length>0? " ": "") + "sfhover";
					}
					sfEls[i].onmouseout=function() {
						this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),"");
					}
				}
			}
			window.onload=menuFix;
			//--><!]]></script>
			<div class="menu">
				<div class="LIB_MENU_CONTAINTER">
				<ul class="LIB_MENU_NAV" id="nav" style="margin:0px;padding:0px;">
					<li><a href="#">系统管理</a>
					<ul>
						<li><a href="#">系统管理1</a></li>
						<li><a href="#">系统管理1</a></li>
						<li><a href="#">系统管理3</a></li>
					</ul>
					</li>
					<li><a href="#">数据维护</a>
					<ul>
						<li><a href="#">数据维护1</a></li>
						<li><a href="#">数据维护2</a></li>
						<li><a href="#">数据维护3</a></li>
					</ul>
					</li>
					<li><a href="#">XXXX功能</a></li>
					<li><a href="#">关于我们</a>
					<ul>
						<li><a href="#">我们四</a></li>
						<li><a href="#"
							style="background-image: url(images/icon/16_home.png); background-repeat: no-repeat; background-position: 5 5;"></>选项卡二</a></li>
						<li><a href="#">我们四</a></li>
						<li><a href="#">我们四111</a></li>
					</ul>
					</li>
				</ul>
				</div>
			</div>
		</td>
	</tr>
	<tr>
		<td class="BASE_Main_Table_Content_Frame" style="padding: 5px;">
		<!-- 内容区域 -->
			<DIV class="BASE_Nav_Bar"><a href="#">导航级别1</a> > <a href="#">导航级别2</a> > <a href="#" class="selected">导航级别3</a></DIV>
			<div class="BASE_Main_comment">这里是当前导航内容页的说明。</div>
			
			<div class="LIB_TAB_Container">
				<table class="LIB_TAB_Title" cellpadding="0" cellspacing="0" id="maintablist">
					<tr>
						<td nowrap id="tab1" class="LIB_TAB_Title_SELECTED"><a
							href="#" onclick="SwitchTab('tab1','maintablist')">
						<div><img src="images/icon/16_save.png">选项卡的使用</div>
						</a></td>
						<td nowrap id="tab2"><a href="#" onclick="SwitchTab('tab2','maintablist')">
						<div>选项卡二</div>
						</a></td>
						<td nowrap id="tab3"><a href="#" onclick="SwitchTab('tab3','maintablist')">
						<div><img src="images/icon/16_home.png">选项卡二</div>
						</a></td>
						<td class="LIB_TAB_Title_EMPTY">&nbsp;</td>
					</tr>
				</table>
				<div class="LIB_TAB_SubMenu" id="tabpage_submenu_tab1">
					<a href="#" >功能链接1</a>
					<span class="spacer"></span>
					<a href="#">功能链接2</a>
					<span class="spacer"></span>
					<a href="#" class="selected">功能链接3</a>
					
				</div>
				<div class="LIB_TAB_Content" id="tabpage_content_tab1">
					<div class="comment">
						选项卡的使用：
							<ul style="">
								<li>请和上层容器保持5个像素的间距，比方说在上层设置padding:5px;</li>
								<li>如果有子菜单就加入div class="LIB_TAB_SubMenu"，没有就整个不需要此段。</li>
								<li>tab页内部的说明改为放在tab里。此说明只针对当前选择的选项卡，不同的选项卡的说明应该是不同的，如果是一致的就说明是对整个选项卡的说明，应该放在选项卡外部（上面）。</li>
								<li>选项卡在使用时要保持连贯性，通过选项卡切换的页面只替换选项卡内的内容，而不应该对外部页面的布局或内容产生影响。</li>
							</ul>
					</div>
					
					<fieldset>
						<legend>分组内容 </legend>
						分组展示的内容都放在fieldset内；<br>
					</fieldset>
					
					<fieldset>
						<legend>输入控件</legend>
						输入框需要加个样式，使用统一样式即可；<br>
						<input type="text" class="TextInput" value="">
						<input type="file" value="">
						<input type=radio value="">
						<input type=checkbox value="">
						<br>
						</br>
						按钮可以使用 input type="button"，也可以使用button.
						<input type="button" class="CommonButton" style="width:180px" value="这是一个使用input的按钮" />  　　
					<button class="CommonButton" style="width:180px"><img src="images/icon/16_alert.png" style="vertical-align:bottom" />这是一个使用button的按钮</button>	
					</fieldset>
				</div>
				<div class="LIB_TAB_Content" id="tabpage_content_tab2" style="display:none">
					<fieldset>
						<legend>表格</legend>
						表格仍然使用原有的样式，样式名略有变化：
						
						<table class="LIB_Table" cellspacing=0>
							<tr class="Head">
								<td align=center nowrap>修改时间</td>
								<td align=center nowrap>标题</td>
								<td  align=center nowrap>提供人</td>
								<td align=center width=40>状态</td>
								<td align=center nowrap>发布时间</td>
							</tr>

							<tr class=Row1>
								<td align=center nowrap>09-09-28 15:43</td>
								<td onmouseover="StyleColorChange(this,'#4169E1','#ffffff')" 
									onmouseout="StyleColorChange(this,'','#000000')" 
									align=left width="200" style="cursor:pointer">
									本网特邀请中国航天科技集团
								</td>
								<td  align=center nowrap><label>系统管理员</label></td>
								<td align=center nowrap><label class="Status_Active">发布</label></td>
							</tr>
							<tr class=Row1>
								<td align=center nowrap>09-09-28 15:43</td>
								<td onmouseover="StyleColorChange(this,'#4169E1','#ffffff')" 
									onmouseout="StyleColorChange(this,'','#000000')" 
									align=left width="200" style="cursor:pointer">
									本网特邀请中国航天科技集团
								</td>
								<td  align=center nowrap><label>系统管理员</label></td>
								<td align=center nowrap><label class="Status_Active">发布</label></td>
							</tr>
							<tr class=Row1>
								<td align=center nowrap>09-09-28 15:43</td>
								<td onmouseover="StyleColorChange(this,'#4169E1','#ffffff')" 
									onmouseout="StyleColorChange(this,'','#000000')" 
									align=left width="200" style="cursor:pointer">
									本网特邀请中国航天科技集团
								</td>
								<td  align=center nowrap><label>系统管理员</label></td>
								<td align=center nowrap><label class="Status_Active">发布</label></td>
							</tr>
						</table>
						
					</fieldset>
	
					
				</div>
			</div>
		</td>
	</tr>
	<tr>
		<td class="BASE_Main_Table_Bottom_Frame">
		<div class="copyright">版权所有：中国航天工程咨询中心</div>
		<div class="clock" id="manager_liveclock"><script type="text/javascript" src="<%=request.getContextPath()%>/script/timer.js"></script></div>
		</td>
	</tr>
</table>
</body>
</html>